<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <div class="backgroud">
        <div class="card">
            <div class="photo">
                <img src="../img/1.jpg" >
            </div>
            <h1>火龙果味</h1>
            <h2>清清凉凉</h2>
            <p>冰镇火龙果冰冰又凉凉，让你感受夏日凉爽！</p>
            <a href="#">了解更多</a>
        </div>
        <div class="card">
            <div class="photo">
                <img src="../img/2.jpg" >
            </div>
            <h1> 草莓味</h1>
            <h2>清凉一夏</h2>
            <p>草莓冰镇的口感更佳，果肉都冰在了一起，
               如果草莓的味道比较酸，那么味道会更好，有一种吃冰棍的感觉，
               酸酸的又凉凉的，夏天吃最过瘾哦！</p>
            <a href="#">了解更多</a>
        </div>
        <div class="card">
            <div class="photo">
                <img src="../img/3.jpg" >
            </div>
            <h1>味</h1>
            <h2>凉爽一夏</h2>
            <p>冰镇水果沙拉多种水果混合，感受不同味道，可以当晚餐，
               也可以清凉一夏，在炎热的夏天也能给您一份清爽。</p>
            <a href="#">了解更多</a>
        </div>
    </div>

    
</body>
</html>